<template>
	<view>
		<view style=" background-color: #000000; 250rpx;width: 100%;">
			<image style="height: 250rpx;width: 100%;" src="../../static/logo.png" mode="aspectFit"></image>
		</view>
		<uni-card>
			<uni-section title="了解更多" type="line" is-full="true">
				<view style="border-bottom:1rpx solid #BBBBBB;">
					<uni-row>
						
							<button style="margin: 0;padding: 0;" size="mini" @click="open(2)">
								<uni-row>
									<uni-col :span="22">
										<uni-icons type="phone" size="18"></uni-icons>
										<text
											style="font-size: 35rpx; margin-left: 12rpx; background-color:#FFF">联系方式</text>
									</uni-col>

									<uni-col :span="2">
										<uni-icons type="forward" size="19"></uni-icons>
									</uni-col>
								</uni-row>

							</button>
						

					</uni-row>
				</view>
				<view style="border-bottom:1rpx solid #BBBBBB;">
					<uni-row>
						<button style="margin: 0;padding: 0;" size="mini" open-type="contact" >
							<uni-row>
								<uni-col :span="22">
									<uni-icons type="chatbubble" size="18"></uni-icons>
									<text style="font-size: 35rpx; margin-left: 12rpx; background-color:#FFF">在线客服</text>
								</uni-col>
													
								<uni-col :span="2">
									<uni-icons type="forward" size="19"></uni-icons>
								</uni-col>
							</uni-row>
						</button>
					</uni-row>
				</view>
				<view>
					<uni-row>
						<button style="margin: 0;padding: 0;" size="mini" @click="open(1)">
							<uni-row>
								<uni-col :span="22">
									<uni-icons type="info" size="18"></uni-icons>
									<text style="font-size: 35rpx; margin-left: 12rpx; background-color:#FFF">关于小程序</text>
								</uni-col>
						
								<uni-col :span="2">
									<uni-icons type="forward" size="19"></uni-icons>
								</uni-col>
							</uni-row>
						</button>
					</uni-row>
				</view>
				
			</uni-section>
		
		</uni-card>
		
		
		
		<!-- 联系方式弹窗 -->
		<uni-popup ref="contact" background-color="#fff">
			<view>

				<uni-row>
					<uni-col :span="24">
						<text style="font-size: 30rpx; font-weight: 200; margin-top: 50upx; color: #303133;">微信:</text>
					</uni-col>
				</uni-row>

				<view style=" height: 250rpx;width: 100%;">
					<image src="../../static/wx.jpg" mode="aspectFill"></image>
				</view>


			</view>
		</uni-popup>
		<!-- 关于小程序弹窗 -->
		<uni-popup ref="about" background-color="#fff">
			<uni-row>
				<uni-col :span="24">
					<text style="font-size: 30rpx; font-weight: 200; margin-top: 50upx; color: #303133;">
						Howe科技小程序分享实用的网站和资源，欢迎大家使用
					</text>
				</uni-col>
			</uni-row>
			<uni-row>
				<uni-col :span="24">
					<text style="font-size: 30rpx; font-weight: 200; margin-top: 50upx; color: #303133;">
						对于小程序所发表的一切资源和网站，都为学习所用
					</text>
				</uni-col>
			</uni-row>
			<uni-row>
				<uni-col :span="24">
					<text style="font-size: 30rpx; font-weight: 200; margin-top: 50upx; color: #303133;">
						不得用于非法途径和商业行为
						如有违反相关法律与本人无关。
					</text>
				</uni-col>
			</uni-row>
			<uni-row>
				<uni-col :span="24">
					<text style="font-size: 30rpx; font-weight: 200; margin-top: 50upx; color: #303133;">
						如有违反相关法律法规与本人和平台无关
					</text>
				</uni-col>
			</uni-row>
			<uni-row>
				<uni-col :span="24">
					<text style="font-size: 30rpx; font-weight: 200; margin-top: 50upx; color: #303133;">
						如果存在侵权等行为，请联系作者删除
					</text>
				</uni-col>
			</uni-row>

		</uni-popup>
		<view style="display:flex; flex-direction:row; justify-content:center;">
			<text style="color: #A5A4A4; font-size: 20rpx;">copyright @ 2022 howe</text>
		</view>
		<ad unit-id="adunit-39b53761b10c9de2" ad-type="video" ad-theme="white"></ad>
	</view>


</template>

<script>
	export default {
		data() {
			return {


			}
		},
		onLoad() {

		},
		methods: {
			open(e) {
				if (e === 1) {
					// this.$refs.about.open('center')
					uni.navigateTo({
						url: '/pages/about/about'
					});
				}
				if (e === 2) {
					uni.navigateTo({
						url: '/pages/contact/contact'
					});
				}
			}
		},

	}
</script>

<style>
	button::after {
		border: none;
	}

	,

	button {
		align-items: center;
		width: 100%;
		height: 100%;
		border-radius: 0;
		background-color: #fff;
		color: #777;
		padding: 0;
		margin: 0;
		text-align: left;
		/*   margin:30rpx; */
		font-size: 35rpx;
		margin-left: 12rpx;
	}

	.button-hover {
		background-color: #fff;
	}
</style>
